

// Hook使用规则
// 只能在函数最外层调用Hook 不要在循环 ，条件判断或者子函数中调用
//只能在React的函数组件中调用Hook 不要在其他javaScript函数中调用

    import React from 'react'
    import Child from './child'

  export  let fruitContext = React.createContext("香蕉")
  export  let animalContext = React.createContext("吃香蕉")
    const UseContextHook = ()=>{
        return(
            <fieldset>
                <legend>UseContextHook</legend>
                <fruitContext.Provider value= "黄瓜">
                    <animalContext.Provider value= "大西瓜"></animalContext.Provider>
                    <Child></Child>
                </fruitContext.Provider>
            </fieldset>
        )
    }

    export default UseContextHook